<template>
  <div class="page-container">
    <page-header
      enTitle="About Tartan"
      zhTitle="关于达坦"
      :pageHeaderImage="pageHeaderImage"
    ></page-header>
    <div class="tartan-container" style="margin-top:0">
      <!-- overflow hidden 防止上下两个div margin合并 -->
      <div class="tartan-item app-container">
        <h2 class="title">
          {{$t('home1.profile')}}
        </h2>
        <p class="describe">
          达坦能源科技（上海）有限公司2014年成立，是上海市高新技术企业和小巨人培育企业，管理及研发团队主要由海归高级人才组成。
        </p>
        <p class="describe">
          公司为非常规能源开发提供高端装备与技术服务，拥有数据服务、智能生产控制、随钻测量、提速装备、油田增产、气体处理六大产品线，服务范围覆盖中国、北美和中东，在全球拥有2个生产制造基地、4个研发中心和13处服务基地。
        </p>
        <p class="describe">
          公司参与并见证了国内非常规油气的发展，业务遍及国内所有非常规能源开发区块，积累了丰富的经验。公司将测量技术与信息化技术深度融合，结合人工智能、物联网、大数据分析等前沿技术，着力开发数字化智能服务平台，填补了国内页岩油气开发核心技术空白，促进了中国能源产业数字化升级。
        </p>
      </div>
    </div>
    <div class="tartan-container">
      <!-- overflow hidden 防止上下两个div margin合并 -->
      <div class="tartan-item app-container">
        <h2 class="title">
          {{$t('home1.culture')}}
        </h2>
        <p class="describe">
          达坦能源以第一时间为客户提供高价值，创新的解决方案为目标：
        </p>
        <p class="describe">
          在技术上，我们学习，积累，创新，并在挑战中茁壮成长；
        </p>
        <p class="describe">
          ​在服务上，我们本着严谨认真的态度，致力于为客户提供更便捷，更优质的服务；
        </p>
        <p class="describe">
          在长远发展上，我们努力拓展公司的技术实力，为客户创造更高的价值。
        </p>
      </div>
    </div>

    <div class="tartan-container">
      <!-- overflow hidden 防止上下两个div margin合并 -->
      <div class="tartan-item app-container">
        <h2 class="title">
          {{$t('home1.team')}}
        </h2>
        <p class="describe">
          达坦能源拥有经验丰富的服务团队，可以为油气工程项目提供相关的设备产品以及配套服务，包括安装调试，现场管理，操作培训以及售后服务等。
        </p>
        <div
          style="display:flex;flex-wrap:wrap;width:100%;justify-content:space-between"
        >
          <div style="padding:10px;width:210px;">
            <img
              style="width:100%"
              src="../../../public/img/about_azts.png"
              alt=""
            />
            <h3 style="width:100%;text-align:center;color:#004E81">{{ $t('home1.commissioning') }}</h3>
          </div>
          <div style="padding:10px;width:210px;">
            <img
              style="width:100%"
              src="../../../public/img/about_xcgl.png"
              alt=""
            />
            <h3 style="width:100%;text-align:center;color:#004E81">{{ $t('home1.management') }}</h3>
          </div>
          <div style="padding:10px;width:210px;">
            <img
              style="width:100%"
              src="../../../public/img/about_jspx.png"
              alt=""
            />
            <h3 style="width:100%;text-align:center;color:#004E81">{{ $t('home1.training') }}</h3>
          </div>
          <div style="padding:10px;width:210px;">
            <img
              style="width:100%"
              src="../../../public/img/about_shfw.png"
              alt=""
            />
            <h3 style="width:100%;text-align:center;color:#004E81">{{ $t('home1.afterSale') }}</h3>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
import PageHeader from "../../components/PageHeader.vue";
import pageHeaderImage from "../../../public/img/bg_gydt.png";
export default {
  name: "about",
  components: { PageHeader },
  data() {
    return {
      pageHeaderImage,
    };
  },
  methods: {},
};
</script>

<style></style>
